{%include file="index.header.tpl.php"%}
{%include file="index.left.tpl.php"%}
<style>
		@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width:1024px)  {
		#mytable, #mytable thead, #mytable tbody, #mytable th, #mytable td, #mytable tr { 
			display: block; 
		}
		#mytable thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		#mytable td { 
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left:34% !important; 
			padding-top:10px ;
		}
	    #mytable tr{ margin-bottom:20px;}
		#mytable td:before { 
			position: absolute;
			top:10px;
			left:8px;
			width: 45%; 
			padding-right:10px;
			white-space: nowrap;
		}
		    #mytable td:nth-of-type(1):before { content: "类别"; }
			#mytable td:nth-of-type(2):before { content: "内容"; }
			#mytable td:nth-of-type(3):before { content: "时间段"; }
			#mytable td:nth-of-type(4):before { content: "备注"; }
			#mytable td:nth-of-type(5):before { content: "操作"; }
        }		
</style>
<!--主要内容开始-->
  <div class="content-wrapper">
    <section class="content">
      <div class="row">
        <section class="col-lg-12 connectedSortable">
         <div class="box box-default box-solid">
             <form action="" method="post">	
                <div class="box-header with-border">
                    <span class="fa fa-table" style="float:left; font-size:18px; padding-top:3px; color:#3c8dbc;" ></span>
                    <p class="box-title">作息时间</p>
					<a href="index.php?a=arrange.hourrestadd" class="btn btn-primary btn-sm" style="float:right; color:#fff;">新 增</a>
					<a href="index.php?a=arrange.restoutdata" class="btn btn-warning btn-sm" style="float:right; color:#fff; margin-right:8px"> 导 出 </a>
                </div>
                <div class="box-body">
				  <h4 class="text-center">作息时间表</h4>
                     <table class="table table-bordered"  id="mytable">
                                <thead>
                                    <tr style="background-color:#a273ff;">
                                        <td>类别</td>
										<td>内容</td>
										<td>时间段</td>
										<td>备注</td> 
										<td width="120">操作</td>										
                                    </tr>	
                                </thead>
                                <tbody>
								{%foreach from=$hourrest_lists key=key item=value%}
                                    <tr>
                                        <td>{%$value.resttype_name%}</td>
										<td>{%$value.arrange_content|truncate:30:"..." %}</td>
										<td>{%$value.start_time%}~{%$value.end_time%}</td>
										<td>{%$value.arrange_remark|truncate:30:"..." %}</td>
										 <td>
										      <a href="index.php?a=arrange.hourrestupdate&arrange_id={%$value.arrange_id%}" class="btn btn-warning btn-sm" title="修改"><i class="fa fa-edit (alias)"></i></a>
											  <a href="index.php?a=arrange.hourrestdel&arrange_id={%$value.arrange_id%}" class="btn btn-danger btn-sm" title="删除"><i class="fa fa-trash"></i></a>
										 </td>
                                    </tr>	
                                {%/foreach%}  
                            </tbody>
                        </table>
				   </div><!--box-body -->
               </form>
			   <div class="box-footer">
			   {%$page%}
			   </div>
           </div><!--box box-default box-solid-->
        </section>   
           
        </div><!--row-->
    </section>
 </div>
  <!--主要内容结束-->
{%include file="index.footer.tpl.php"%}
